<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=BBQM&nickName=宝宝起名&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>


    <title>为宝宝一生助力</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css"/>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <style>
        body{
            /* background-color:#F6F0EA; */
            padding-bottom: 15vw;
            overflow-x: hidden;}
        .main_title{
            width:100%;
            margin:0.2rem 0;
            padding:0 0.1rem;
            box-sizing: border-box;
            -webkit-box-sizing:border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing:border-box; 
        }
        .main_title img{vertical-align: middle;}
   
        .zm_form .zm_form_wrap ul{
			
		}
        .zm_form .zm_form_wrap ul li{
			padding:7px;
			background-color: #FFFFFF;
			margin-top: 0.2rem;
			border-radius: 0.2rem;
		}
        .zm_form .zm_form_wrap ul li .form_auto span i{border-color:#cdcdcd;}
        .zm_form .zm_form_wrap ul li .form_left{
            width: 1.5rem;
            text-align-last: justify;
            font-weight:600;
			margin-left: 0.2rem;
			margin-right: 15px;
		}
		.istop{
			width: 100%;
			height: 0.3rem;
		}
        .zm_form .zm_form_wrap ul{
            border:none;
            background-color: transparent;
        }
        .innum {
            width: 100%;
            line-height:0.6rem;
            font-size: 0.32rem;
            text-align: center;
            margin: 0.2rem 0 6.666vw 0;
            color:#333;
        }
        .innum b {color: #9c630c;}
        .cs_btn{
            background: #ff5263;
            border-radius:10px;
			margin-top: 0.2rem;
			margin-bottom: 0.5rem;
        }
        .cs_btn a{
            font-size: 4.2667vw;
            /* font-size: 18px; */
            font-weight: bold;
            color: #fff;
            text-decoration: none;
        }
        .xmcs_list{margin-bottom:15px;padding:0 0.2rem;}
        .xmcs_list:first-child{padding-top:0.3rem;}
        .xmcs_list img{vertical-align: middle;}
        .hot_cs{background-color:#FAEFEB;}
        
        /* .zm_form .zm_form_wrap .form_auto .on i {
    border-color: #9c630c;
    background-color: #9c630c;} */
    .zm_form .zm_form_wrap .form_auto span{
        display: flex;
        align-items: center;
        
    }
    .zm_form .zm_form_wrap .form_auto span.on i{
        background-image: none;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .zm_form .zm_form_wrap .form_auto span.on i:before{
        background-image:none;
        content:'';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #e44848;

    }
.foldTitle {
	display: block;
	text-align: left;
	cursor: pointer;
	width: 100%;
	font-size: 0.285rem;
	padding: 0.165rem 0.365rem
}

.foldParent:last-child {
	border: none
}

.yczf-questionBox .foldParent {
	border: none;
	margin: 0 0.25rem
}

.yczf-questionBox .foldTitle {
	border-bottom: 1px dashed #515151 !important
}

.foldParent {
	border-bottom: 1px solid #d2d1cc
}

.foldTitlePanel {
	position: relative
}

.yczf-questionBox .foldChild {
	display: none;
	height: auto;
	background-color: initial;
	color: #982324;
	padding: 0.145rem 0.125rem;
	font-size: 0.275rem;
	line-height: 0.4rem;
	border: 1px solid #d2d2d2;
	margin: 0.085rem 0.085rem 0.245rem;
	border-radius: 4px
}

.foldChild {
	display: none;
	height: auto;
	background-color: #9b650d;
	color: #fff;
	padding: 0.1rem 0.365rem;
	font-size: 0.225rem;
	line-height: 0.32rem
}

.foldChild div a {
	display: block;
	background: #fff;
	line-height: 28px;
	height: 28px;
	text-align: center;
	color: #185697;
	text-decoration: none
}

.foldChild div a:hover {
	color: #f30;
	background: #0080c4;
	color: #fff
}
.question-title {
	text-align: center;
	margin: 0 0 0.145rem
}

.question-title img {
	width: 60%
}
.question-box{
  box-sizing: border-box;
  border: 2px solid #9c630c;
    margin: 0.165rem 0.145rem 0.2rem;
    padding:0.165rem 0;
}
.fiex_bt a{
  background-color: #9b650d;
  width: 100%;
  box-sizing: border-box;
}
.fiex_bt{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 1.2rem;
}
.fiex_bt div{
	width: 50%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.fiex_bt_left{
	background-color: rgba(249,222,179,1);
	color:#7E5215;
}
.fiex_bt_r{
	background-color: rgba(173,125,59,1);
	color: #FFFFFF;
}
.fiex_bt_r img{
	width: 14%;
}
.show_qr_btn{
    position: fixed;
    right: 5vw;
    top: 65%;
    z-index: 1;
    width: 1.22rem;
    display: block;
    height: auto;
}
.gxqm-img{
    display: block;
}
html{
    max-width: none;
    overflow-x: hidden;
    width: 100%;
    box-sizing: border-box;
}
.form-wrap-sec{
    width: 97.333vw;
	height: 5.4rem;
    margin: 0 auto;
	position: relative;
}
#_form .form-tlt{
    width: 50.5333vw;
    display: block;
    height: auto;
    margin: 2vw auto;

        }
    .icp{
        height: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .16rem;
            color: #333333;
    }
    .close_wrap_pic{
        width: 5rem;
    }
    .form_auto input ,.form_auto .Js_date, font{
        font-size: .32rem !important
    }
    .top-wx{
        display: flex;
        width: 7.3rem;
        align-items: center;
        padding: .1rem;
        box-sizing: border-box;
    }
    .top-wx img{
        display: block;
        width: .43rem;
        height: .45rem;
        margin-right: 0.1rem;
    }
    .top-wx .tt-wrap{
        font-size: .24rem
    }
    .top-wx .tt-wrap span{
        color: rgb(230, 0, 19);
        font-size: .24rem;
        background-color: rgb(255, 244, 92);
    }
    .dsz {
        display: flex;
        align-items: center;
        height: 100%;
    }
    .dsz p{
        width: .95rem;
        height: .4rem;
        
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: .4rem;
        margin-right: .2rem;
    }
    .dsz p.on{
        background: url('__PUBLIC__/images/bbqm_img/v4/img_xuanzhong.png') no-repeat center center;
        background-size: 100% 100%;
        color: #fff;
    }
    .zt span{
        width: 2rem !important;
    }
	main{
		background-color: rgba(240,240,240,1);
	}
	.end-div{
		background-color: #FFFFFF;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 15px 0;
		font-size: 0.2rem;
		line-height: 0.4rem;
	}
	/* .xfweixin{
        position: fixed;
        bottom: 15%;
        right: 5%;
        width: 1.8rem;
        height:1.8rem;
	} */
	.xfweixin{
		position: fixed;
		bottom: 15%;
		right: 5%;
		width: 1.8rem;
		height:1.8rem;
	}
    </style>
    <script>
        // 百度统计代码
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?9a4b01b42c14750bbc9073a4133565f5";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
</head>
<body>
    <include file="Public/header"/>
    <!--<div class="top-wx">-->
        <!--<img src="__PUBLIC__/images/bbqm_img/top-wx.png" alt="">-->
        <!--<div class="tt-wrap">点击添加老师微信：<span>qumingxiaoxue</span>，一对一解答取名疑惑，大量案例供您参考-->
        <!--</div>-->
    <!--</div>-->
    <div class="zm_banner">
        <!-- <if condition="$Think.cookie.channel eq bbhs">
        <img src="__PUBLIC__/images/bbqm_img/wyqm_banner.png" width="100%" />
        <else />
        <img src="__PUBLIC__/images/bbqm_img/wyqm_banner.png" width="100%" />
        </if> -->
        <img src="__PUBLIC__/images/bbqm_img/v3/banner.png" width="100%" />
    </div>
    <div class="main_title" id="scrollT">
        <!-- <if condition="$Think.cookie.channel eq bbhs">
            <img src="__PUBLIC__/images/bbqm_img/img_jianjie_fh.png" alt="" width="100%">
        <else />
            <img src="__PUBLIC__/images/bbqm_img/img_jianjie.png" alt="" width="100%">
        </if> -->
        <!-- <img src="__PUBLIC__/images/bbqm_img/v3/img_tp1.jpg" alt="" width="100%"> -->
    </div>
    <main>
        <section class="form-wrap-sec">
            <form id="_form" class="zm_form" action="<!--{:U('Bbqm/bbqm_zhifu','',false)}-->" method="post">
                <!-- <img class="form-tlt" src="__PUBLIC__/images/bbqm_img/v3/form-tlt.png" alt=""> -->
                <div class="zm_form_wrap">
                    <ul>
						<div class="istop"></div>
						<li>
						    <div class="form_left">宝宝姓氏</div>
						    <div class="form_auto">
						        <input type="text" class="bg_no" placeholder="请输入姓氏(汉字)" maxlength="2" id="username" name="username"/>
						    </div>
						</li>
                        <li> 
                            <div class="form_left">出生状态</div>
                            <div class="form_auto zt">
                                <span class="on" id="btn-done" data-value="1">
                                    <i></i>
                                    <font>已出生</font>
                                </span>
                                <span id="btn-doing" data-value="0">
                                    <i></i>
                                    <font>未出生</font>
                                </span>
                                <input type="hidden" id="zt" name="zt" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left">宝宝性别</div>
                            <div class="form_auto">
                                <span class="on" id="but_man" data-value="1">
                                    <i></i>
                                    <font>男</font>
                                </span>
                                <span id="but_woman" data-value="0">
                                    <i></i>
                                    <font>女</font>
                                </span>
                                <span id="but_unknown" style='display: none' data-value="2">
                                    <i></i>
                                    <font>未知</font>
                                </span>
                                <input type="hidden" id="sex" name="gender" value="1"/>
                            </div>
                        </li>
                        <li>
                            <div class="form_left csrq">出生日期</div>
                            <div class="form_auto">
                                    <!-- data-date="1985-04-18-7"  -->
                                <div type="text" class="Js_date" id="datetime" data-id="birthday">请选择宝宝的出生日期</div>
                                <input type="hidden" id="birthday" name="birthday"  value="" >
                            </div>
                        </li>
                    </ul>
                </div>
            </form>
        </section>
        <div class="cs_btn" id="csbtn1"><a href="javascript:;" class="mg_btn" onclick="pvuvStatistics('qm_bd_index_ksqm_s')">开始起名</a></div>
        
		<div class="display-img">
            <!-- <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/zm/img_tp2.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/zm/img_tp3.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/zm/img_tp4.png" alt="" width="100%"> -->
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/1.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/2.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/3.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/4.png" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/5.png" alt="" width="100%">
			<img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/6.png" alt="" width="100%">
            <!-- <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/img_10.jpg" alt="" width="100%">
            <img class="gxqm-img" src="__PUBLIC__/images/bbqm_img/v3/img_11.jpg" alt="" width="100%"> -->
            <!-- <a class='icp' href="http://beian.miit.gov.cn">备案编号：<!--{$Think.cookie.BArecord}--></a> -->
            
        </div>
		<section class="form-wrap-sec">
		    <form id="_form2" class="zm_form" action="<!--{:U('Bbqm/bbqm_zhifu','',false)}-->" method="post">
		        <!-- <img class="form-tlt" src="__PUBLIC__/images/bbqm_img/v3/form-tlt.png" alt=""> -->
		        <div class="zm_form_wrap">
		            <ul>
						<div class="istop"></div>
						<li>
						    <div class="form_left">宝宝姓氏</div>
						    <div class="form_auto">
						        <input type="text" class="bg_no" placeholder="请输入姓氏(汉字)" maxlength="2" id="username2" name="username"/>
						    </div>
						</li>
		                <li> 
		                    <div class="form_left">出生状态</div>
		                    <div class="form_auto zt">
		                        <span class="on" id="btn-done2" data-value="1">
		                            <i></i>
		                            <font>已出生</font>
		                        </span>
		                        <span id="btn-doing2" data-value="0">
		                            <i></i>
		                            <font>未出生</font>
		                        </span>
		                        <input type="hidden" id="zt2" name="zt" value="1"/>
		                    </div>
		                </li>
		                <li>
		                    <div class="form_left">宝宝性别</div>
		                    <div class="form_auto">
		                        <span class="on" id="but_man2" data-value="1">
		                            <i></i>
		                            <font>男</font>
		                        </span>
		                        <span id="but_woman2" data-value="0">
		                            <i></i>
		                            <font>女</font>
		                        </span>
		                        <span id="but_unknown2" style='display: none' data-value="2">
		                            <i></i>
		                            <font>未知</font>
		                        </span>
		                        <input type="hidden" id="sex2" name="gender" value="1"/>
		                    </div>
		                </li>
		                <li>
		                    <div class="form_left csrq">出生日期</div>
		                    <div class="form_auto">
		                            <!-- data-date="1985-04-18-7"  -->
		                        <div type="text" class="Js_date" id="datetime2" data-id="birthday2">请选择宝宝的出生日期</div>
		                        <input type="hidden" id="birthday2" name="birthday"  value="" >
		                    </div>
		                </li>
		            </ul>
		        </div>
		    </form>
			<img class="xfweixin" onclick="getweixin(),pvuvStatistics('qm_bd_index_lswx_z')" src="__PUBLIC__/images/bbqm_img/v3/weixin.gif" />
		</section>
		<div class="cs_btn" id="csbtn2"><a href="javascript:;" class="mg_btn" onclick="pvuvStatistics('qm_bd_index_ksqm_x')">开始起名</a></div>
        <div class="end-div">
			<p>厦门漫威动漫有限公司版权所有</p>
			<p>地址：厦门软件园二期望海路61号901单元 N9-C14</p>
			<p>电话：0592-8260768</p>
			<p>Copyright CALENDAR Tech., All Rights Reserved. </p>
			<p>ICP: 闽ICP备16000704号-2</p>
		</div>
		<!-- <div class="view-row">
            <div class="question-box">
              <i></i>
              <i></i>
              <div class="question-title"><img src="__PUBLIC__/images/bbqm_img/cjwt.title.png"></div>
              <div class="foldParent">
                <div class="foldTitlePanel">
                  <div class="foldTitle">
                    名字真的那么重要吗？
                  </div>
                </div>
                <div class="foldChild">
                  答：古人曰“赐子千金，不如赐子一艺，赐子一艺，不如赐子好名”。“名不正则言不顺”，但是，不同的人生时期，对名字的也有不同的要求；不同的工作事业，名字所起的作用也有轻重之分。
                </div>
              </div>
              <div class="foldParent">
                <div class="foldTitlePanel">
                  <div class="foldTitle">
                    宝宝八字的五行，是缺什么就补什么吗？
                  </div>
                </div>
                <div class="foldChild">
                  答：不是。需要区别对待，精确分析，真正做到“需要什么，则补什么”。否则就是简单加减，补救容易失误。
                </div>
              </div>
              <div class="foldParent">
                <div class="foldTitlePanel">
                  <div class="foldTitle">
                    宝宝起名是否要考虑生肖宜忌？
                  </div>
                </div>
                <div class="foldChild">
                  答：生肖一般对应生辰八字中的年份，相当于是根据宝宝出生年的干支来论命，测算结果比较片面，准确度并不高。而八字起名，是以年、月、日、时为测算时间段，实际上涵盖了生肖测算，且测算结果更具整体性。
                </div>
              </div>
              <div class="foldParent">
                <div class="foldTitlePanel">
                  <div class="foldTitle">
                    名字不满意怎么办？
                  </div>
                </div>
                <div class="foldChild">
                  答：知命网起名的不满意率只有千分之二，原因大多是因为操作不熟练、需求不明确、追求满分造成的。 如果您有疑问请及时联系客服，我们一定能完美解决您所提出的问题，争取满意百分百。
                </div>
              </div>
            </div>
          </div> -->

        <!-- <if condition="$channel eq bbhs">
            <else />
            <section>
                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP1.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP2.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP3.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP4.png" alt="" width="100%" ></div>
                <if condition="$Think.cookie.heying eq 1">
                    <else />
                    <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP5.png" alt="" width="100%" ></div>
                </if>

                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP6.png" alt="" width="100%" ></div>
                <div class="xmcs_list"><img src="__PUBLIC__/images/bbqm_img/img_TP7.png" alt="" width="100%" ></div>
            </section>
        </if> -->

        <!--<img class='show_qr_btn' src="__PUBLIC__/images/bbqm_img/v5/wxicon.png" alt="">-->

    </main>

    <!-- 热门测算 -->
    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 脚 -->
    <div class="fiex_bt" id="fiex">
        <!-- <a href="javascript:;">立即测算</a> -->
		<div class="fiex_bt_left" onclick="pvuvStatistics('qm_bd_index_ljhqmm_d')">立即获取美名</div>
		<div class="fiex_bt_r" onclick="getweixin(),pvuvStatistics('qm_bd_index_lswx_x')"><img src="__PUBLIC__/images/bbqm_img/v3/weixin.gif">老师微信</div>
    </div>
    <script>
        function pvuvStatistics(typeName){//pvuv统计
            console.log(typeName);
            $.getJSON("<!--{:U('Index/interfacPvUv','',false)}-->",{typeName:typeName},function(data){//点击回调入库

            });
        }


        var channel = "<!--{$Think.cookie.channel}-->";
        window.onload = function(){
            if(channel == 'bbhs'){document.body.style.backgroundColor = "#FFD8DD";}
        }
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('.fiex_bt_left').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});
            }
        });

        $("#csbtn1").on('click',function(){
            if($("[name='username']").val() == ""){
                layer.msg("请输入宝宝姓氏");
                return false;
            }
            var patrn= /[\u4E00-\u9FA5]/;
            if(!patrn.exec($("[name='username']").val())){
                layer.msg("请输入中文姓氏");
                return false;
            }
            
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择宝宝生时");
                return false;
            }
            // console.log('$("[name=]").val()')
            // console.log($("[name='birthday']").val())
            // return
            // if(!/^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/.exec($("[name='phone']").val())){
            //     layer.msg("请输入手机号");
            //     return false;
            // }
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    document.getElementById('_form').submit();
                },1300);
            },1000);
        });
		
		$("#csbtn2").on('click',function(){
		    if($("#username2").val() == ""){
		        layer.msg("请输入宝宝姓氏");
		        return false;
		    }
		    var patrn= /[\u4E00-\u9FA5]/;
		    if(!patrn.exec($("#username2").val())){
		        layer.msg("请输入中文姓氏");
		        return false;
		    }
		    
		    if($("[birthday2]").val() == ""){
		        layer.msg("请选择宝宝生时");
		        return false;
		    }
		    // console.log('$("[name=]").val()')
		    // console.log($("[name='birthday']").val())
		    // return
		    // if(!/^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/.exec($("[name='phone']").val())){
		    //     layer.msg("请输入手机号");
		    //     return false;
		    // }
		    var oli = layer.load();
		    setTimeout(function(){
		        layer.closeAll('loading');
		        layer.msg('订单提交成功', {icon: 1});
		        setTimeout(function(){
		            document.getElementById('_form2').submit();
		        },1300);
		    },1000);
		});

        // 时间
        var calendar1 = new lCalendar().init('#datetime');//男
		var calendar2 = new lCalendar().init('#datetime2');//男
        // 选择按钮
        var obut_man = document.getElementById('but_man');
        var obut_woman = document.getElementById('but_woman');
        var un =document.getElementById('but_unknown');
        var osex = document.getElementById('sex');
        obut_man.onclick = function(){
            obut_man.classList.add("on");
            osex.value = 1;
            un.classList.remove('on');
            obut_woman.classList.remove('on');
        }
        obut_woman.onclick = function(){
            obut_woman.classList.add("on");
            osex.value = 0;
            obut_man.classList.remove('on');
            un.classList.remove('on');
        };
        un.onclick = function(){
            un.classList.add("on");
            osex.value = 2;
            obut_man.classList.remove('on');
            obut_woman.classList.remove('on');
        };
		
		var obut_man2 = document.getElementById('but_man2');
		var obut_woman2 = document.getElementById('but_woman2');
		var un2 =document.getElementById('but_unknown2');
		var osex2 = document.getElementById('sex2');
		obut_man2.onclick = function(){
		    obut_man2.classList.add("on");
		    osex2.value = 1;
		    un2.classList.remove('on');
		    obut_woman2.classList.remove('on');
		}
		obut_woman2.onclick = function(){
		    obut_woman2.classList.add("on");
		    osex2.value = 0;
		    obut_man2.classList.remove('on');
		    un2.classList.remove('on');
		};
		un2.onclick = function(){
		    un2.classList.add("on");
		    osex2.value = 2;
		    obut_man2.classList.remove('on');
		    obut_woman2.classList.remove('on');
		};
		
        // 选择按钮 出生状态
        var odone = document.getElementById('btn-done');
        var odoing = document.getElementById('btn-doing');
        var ozt = document.getElementById('zt');
        odone.onclick = function(){
            odone.classList.add("on");
            ozt.value = 1;
            $('.csrq')[0].innerText = '出生日期'
            $('#but_unknown').hide()
            odoing.classList.remove('on');
        }
        odoing.onclick = function(){
            odoing.classList.add("on");
            ozt.value = 0;
            $('#but_unknown').hide()
            $('.csrq')[0].innerText = '预产期'
            odone.classList.remove('on');
        };
        
		var odone2 = document.getElementById('btn-done2');
		var odoing2 = document.getElementById('btn-doing2');
		var ozt2 = document.getElementById('zt2');
		odone2.onclick = function(){
		    odone2.classList.add("on");
		    ozt2.value = 1;
		    $('.csrq')[0].innerText = '出生日期'
		    $('#but_unknown').hide()
		    odoing2.classList.remove('on');
		}
		odoing2.onclick = function(){
		    odoing2.classList.add("on");
		    ozt2.value = 0;
		    $('#but_unknown').hide()
		    $('.csrq')[0].innerText = '预产期'
		    odone2.classList.remove('on');
		};
		
		
        /*
	 * 八字起名一次支付页底部折叠菜单
	 *
	 * */
	//获取所有子元素
	var foldChild = $('.foldChild');
	//获取所有标题
	var foldTitle = $('.foldTitle');
	//遍历标题元素
	$('.foldParent > .foldTitlePanel > .foldTitle').each(function(i) {
		$(this).click(function() {
			foldChild.slideUp(300);
			if($(foldChild[i]).css('display') == 'none') {
				$(foldChild[i]).slideDown(300);
			} else {
				$(foldChild[i]).slideUp(300);
			}
			foldTitle.removeClass('active')
			$(this).addClass('active')
		});
	});


    function getweixin(){
        console.log("weixin")
        $('.close_container').show();//加微信弹框提示
    }
    $('.show_qr_btn').on('click',function(){
        $('.close_container').show();//加微信弹框提示
    })
    $('.top-wx').click(function(){
        $('.close_container').show();
    })
    // var datan = new Date()
    // var yn = datan.getFullYear()
    // var mn = datan.getMonth()+1
    // var dn = datan.getDay()
    // console.dir(yn+'-'+mn+'-'+dn+'7')
    // $('#datetime').attr('data-date',yn+'-'+mn+'-'+dn+'7')
    // console.dir($('#datetime'))


    </script>
</body>
</html>